
<body class="bg-grey" gtools_scp_screen_capture_injected="true">
    <% include navbar.html %>
        <div class="main-content index-page clearfix onelist-page">
            <div class="post-lists">
                <div class="post-lists-body">
                    <% if (contents.data.length>0) { %>
                        <% contents.data.forEach(function(content){ %>
                            <div class="post-onelist-item">
                                <div class="post-onelist-item-container">
                                    <% if (content.thumb) { %><a href="<%=site.url %>/<%= content.category.slug %>/<%= content.slug %>.html"><div class="onelist-item-thumb bg-deepgrey" style="background-image:url(<%= content.thumb %>);"></div></a>
                                        <% } %>
                                            <div class="onelist-item-info">
                                                <div class="item-title">
                                                    <a href="<%=site.url %>/<%= content.category.slug %>/<%= content.slug %>.html">
                                                        <%= content.title %>
                                                    </a>
                                                </div>
                                                <div class="item-meta">
                                                    <time datetime="<%= think.datetime(content.create_time*1000, 'MM DD, YYYY')%>" itemprop="datePublished">&nbsp;&nbsp;Published&nbsp;&nbsp;on&nbsp;&nbsp;
                                                        <%= think.datetime(content.create_time*1000, 'MM DD, YYYY')%>
                                                    </time> in
                                                    <a href="<%=site.url %>/category/<%= content.category.slug %>/">
                                                        <%= content.category.slug %>
                                                    </a>
                                                </div>
                                                <div class="item-meta-hr bg-deepgrey"></div>
                                                <div class="item-content">
                                                    <%- content.description %>
                                                </div>
                                                <div class="item-readmore"><a href="<%=site.url %>/<%= content.category.slug %>/<%= content.slug %>.html"> Continue Reading →</a></div>
                                            </div>
                                </div>
                            </div>
                            <% }); %>
                                <% } %>
                </div>
            </div>
            <div class="lists-navigator clearfix">
                <ol class="page-navigator">
                    <% if (contents.currentPage>1) { %>
                        <li class="prev"><a href="<%=site.url %>/page/<%= contents.currentPage-1 %>/">←</a></li>
                        <% } %>
                            <li class="current">
                                <a href="javascript:">
                                    <%= contents.currentPage %> /
                                        <%= contents.totalPages %>
                                </a>
                            </li>
                            <% if (contents.currentPage<contents.totalPages) { %>
                                <li class="next"><a href="<%=site.url %>/page/<%= contents.currentPage+1 %>/">→</a></li>
                                <% } %>
                </ol>
            </div>
        </div>
        <% include footer.html %>
</body>
<% include bottom.html %>